<template>
    <div class="bg">
        <el-row type="flex" class="foot-top" justify="center">
            <el-col :span="18" >
                <div class="main acea-row">
                    <div class="cp-item">
                        <div class="cp-hd">客户服务</div>
                        <div class="cp-btn acea-row">
                            <div class="b-1">
                                <div class="b-icon "><span class="el-icon-headset"></span></div>
                                <div class="b-text">在线客服</div>
                            </div>
                            <div class="b-2">
                                <div class="b-icon "><span class="el-icon-chat-dot-round"></span></div>
                                <div class="b-text">用户反馈</div>
                            </div>
                        </div>
                    </div>
                    <div class="cp-item-center">
                        <div class="cp-hd">何为crmeb商城</div>
                        <div class="c-text-1">crmeb原创生活类电商品牌，秉承crmeb一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品</div>
                        <div class="acea-row cp-line">
                            <div class="c-text-2  acea-row" >关注我们:</div><img src="../assets/images/微信.png" alt="" class="c-image">
                        </div>
                    </div>
                    <div class="cp-item">
                        <div class="cp-hd">扫码关注crmeb</div>
                        <div class="cp-canvs"><img src="../assets/images/ewm.jpg" alt=""></div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-row type="flex" class="foot-bottom" justify="center">
            <el-col :span="18" >
                <div class="main">
                    <div class="f-cp acea-row row-column-around">
                        <div class="cp-inner acea-row">
                            <div class="cp-icon"><img src="../assets/images/shop.png" alt=""></div>
                            <div class="cp-text">crmeb商城</div>
                        </div>
                        <div class="cp-inner acea-row">
                                <div class="cp-icon"><img src="../assets/images/货车.png" alt=""></div>
                                <div class="cp-text">满99元免邮费</div>
                        </div>
                        <div class="cp-inner acea-row">
                                <div class="cp-icon"><img src="../assets/images/safety certificate.png" alt=""></div>
                                <div class="cp-text">30天无忧退换货</div>
                        </div>
                        <div class="cp-inner acea-row">
                            <div class="cp-icon"><img src="../assets/images/品质保证.png" alt=""></div>
                            <div class="cp-text">品质保证</div>
                        </div>
                    </div>
                    
                    <div style="border-bottom: 1px solid #666;"></div>
                    <div class="text">
                    <p class="line1">关于我们|帮助中心 | 售后服务 | 配送与验收 | 商务合作 | 企业采购 | 开放平台 |搜索推荐 |友情链接 | 廉正举报 </p>
                    <p class="line2">食品经营许可证：JY13301080111719出版物经营许可证：新出发滨字第0132号妙得ICP证号：ICP 证浙B2-20160106</p>
                    <p class="line2">无线电发射设备销售备案：42201919712647（浙杭）网械企备字[2019]第00119号（粤）网械平台备字（2019）第00004号单用途商业预付卡备案证：330100AAC0024</p>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
  </template>
  <script>
  export default {
    name: "Foot",
    props: {},
    data: function() {
      return {
      }
    },
    methods: {}
  };
  </script>
  <style scoped>
    .bg  {
        background-color: #ffffff;
        padding-top: 20px;
    }
    .foot-top {
        background-color: #ffffff; 
    }
    .foot-top .main {
        width: 1090px;
        height: 300px;
        padding: 60px 0 34px;
        margin: 0 auto;
    }
    .foot-top .main .cp-item {
        width: 33.33333%;
        height: 204px;
    }
    .foot-top .main  .cp-hd {
        height: 16px;
        line-height: 16px;
        text-align: center;
        color: #333333;
        font-family: "Microsoft Yahei","微软雅黑",verdana;
        margin-bottom: 28px;
        font-size: 16px;
    }
    .foot-top .main .cp-item  .cp-btn {
        width: 200px;
        height: 100px;
        margin: 0 auto;
    }
    .foot-top .main .cp-item  .cp-btn .b-1 , .b-2 {
        width: 80px;
        height: 100px;
        border: 1px solid #e9e9e9;
    }
    .foot-top .main .cp-item  .cp-btn .b-2 {
        margin-left: 29px;
    }
    .foot-top .main .cp-item  .cp-btn .b-icon {
        width: 31px;
        height: 26px;
        font-size: 26px;
        margin: 25px auto 0;
    }
    .foot-top .main .cp-item  .cp-btn  .b-text {
        font-size: 14px;
        height: 24px;
        margin-top: 10px;
        color: #333333;
        font-family: "Microsoft Yahei","微软雅黑",verdana;
        text-align: center;
    }
    .foot-top .main .cp-item-center {
        width: 33.33333%;
        height: 204px;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
    }
    .foot-top .main .cp-item-center .c-text-1 {
        width: 288.333px;
        height: 69px;
        margin: 0 auto;
        font-family: "Microsoft Yahei","微软雅黑",verdana;
        color: #333;    
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 22px;
    }
    .foot-top .main .cp-item-center .cp-line {
        width: 288.333px;
        height: 32px;
        margin: 0 auto;
    }
    .foot-top .main .cp-item-center .c-text-2 {
        width: 64px;
        font-family: "Microsoft Yahei","微软雅黑",verdana;
        color: #333; 
        height: 32px;
        font-size: 13px;
        line-height: 32px;
        margin-right: 15px;
        text-align: center;
    }
    .foot-top .main .cp-item .cp-canvs {
        width: 104px;
        height: 104px;
        margin: 0 auto;
    }
    .foot-top .main .cp-item-center .cp-canvs img {
        width: 100%;
        height: 100%;
    }
    .foot-top .main .cp-item-center .c-image {
        width: 32px;
        height: 32px;
    }
    .foot-bottom {
        background-color: #414141;
    }
    .foot-bottom .main {
        padding-top: 37px;
        width: 1090px;
        margin: 15px auto;
    }
    .foot-bottom .main .f-cp {
        width: 1090px;
        height: 51px;
        padding-left: 17px;
        margin-bottom: 30px;
    }
    .foot-bottom .main .f-cp .cp-inner {
        min-width: 175px;
        height: 51px;
    }
    .foot-bottom .main .f-cp .cp-inner .cp-icon {
        width: 50px;
        height: 50px;
        margin-right: 17px;
        color: #ffffff;
    }
    .foot-bottom .main .f-cp .cp-inner .cp-icon img {
        width: 100%;
        height: 100%;    
    }
    .foot-bottom .main .f-cp .cp-inner  .cp-text {
        min-width: 108px;
        height: 51px;
        line-height: 51px;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        font-family: "Microsoft Yahei","微软雅黑",verdana;
    }
      .foot-bottom .text{
      width: 1090px;
      height: 100px;
      margin-top: 15px;

    }
    .foot-bottom .text .line1{
    margin-top:30px ;
     text-align: center;
     line-height: 1.5;
     font-family: "Microsoft Yahei","微软雅黑",verdana;
     color: #999;
    }
    .foot-bottom .text .line2{
     margin-top:10px ;
     text-align: center;
     line-height: 1.5;
     font-family: "Microsoft Yahei","微软雅黑",verdana;
     color: #999;
    }
  </style>